<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>

</html>

<script>
  var origin = 1234567;

  var daySecond = 60 * 60 * 24; // 一天的 描述
  var hourSecond = 60 * 60;
  var minuteSecond = 60;


  // 求：多少天
  var day = Number.parseInt(origin / daySecond); // 整数部分，就是 XXday

  // 求：0.288.。。
  // 求 14天，还剩下 多少秒，这些秒能换算成 多少小时
  var hour = Number.parseInt(origin % daySecond / hourSecond) // 其整数部分，即 剩下的 小数数

  // 分钟的计算逻辑： `origin % hourSecond` 余数部分的秒数，可以被换算成 分钟
  var minutes = Number.parseInt(origin % hourSecond / minuteSecond);

  // 剩下的描述，不够 一分钟
  var seconds = origin % minuteSecond;

  // console.log(seconds);
  // var result = 'day:' + day + ', hours:' + hour + ', minutes:' + minutes + ', seconds:' + seconds;
  var result = `day:${day}, hours:${hour}, minutes:${minutes}, seconds:${seconds}`;
  console.log(result);


  // -------- 上述，关于 字符串拼接... 很麻烦

  // 所以，ES6 对接 字符串，提供了一种新的形式： `字符串模板`
  /* ES6：字符串模板
    好处：
      1. 解决了 普通字符串 无法换行的问题：
        用法：
        console.log(`也是 字符串拉~~ ，
          即 字
          符串
          模板`);

      2. 解决了 变量要通过 字符串拼接，才能 “塞入” 字符串的问题
        用法：
          `abcaabc普通字符串${表达式}其他字符串${表达式}`
  
  */

  var data = 123;
  console.log(`我是字符串,.,..${data * 22}我是字符串...`)

</script>